Skip to content

fix: layout glitches when toggling navigation or editor panels#1283

Open
Ishita-190 wants to merge 4 commits intoasyncapi:masterfrom
Ishita-190:ishi
Open

fix: layout glitches when toggling navigation or editor panels#1283
Ishita-190 wants to merge 4 commits intoasyncapi:masterfrom
Ishita-190:ishi

Conversation

@Ishita-190
Copy link

Fixes: #1278

Description
Changes made to prevent unnecessary re-renders in the content component and stabilize splitpane handlers to fix layout issues when switching between navigation and editor panels.

Changes:

  • wrap content with react.memo
  • memoize pane sizes and styles
  • memoize localstorage pane values
  • extract resize handlers with usecallback
  • set inner splitpane primary="first"

Tested all changes locally and verified expected behavior.

@changeset-bot
Copy link

changeset-bot bot commented Feb 15, 2026

⚠️ No Changeset found

Latest commit: 51c1c37

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@netlify
Copy link

netlify bot commented Feb 15, 2026

Deploy Preview for modest-rosalind-098b67 ready!

Name Link
🔨 Latest commit 51c1c37
🔍 Latest deploy log https://app.netlify.com/projects/modest-rosalind-098b67/deploys/69916c33261ffa00089b629d
😎 Deploy Preview https://deploy-preview-1283--modest-rosalind-098b67.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 15, 2026

Deploy Preview for asyncapi-studio-design-system ready!

Name Link
🔨 Latest commit 51c1c37
🔍 Latest deploy log https://app.netlify.com/projects/asyncapi-studio-design-system/deploys/69916c3333bbde0008a5b42c
😎 Deploy Preview https://deploy-preview-1283--asyncapi-studio-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

@sonarqubecloud
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Backlog

Development

Successfully merging this pull request may close these issues.

Layout glitches when toggling navigation or editor panels

2 participants